<template>
  <div class="container">
    <div class="myLog" @click="toIndex">
      <slot name="log"></slot>
    </div>
    <slot name="menu"></slot>
    <slot name="myUser"></slot>

  </div>
</template>

<script>
export default {
  name: "headerContain",
  methods: {
    toIndex(){
      this.$router.push('/');
    }
  }
}
</script>

<style scoped>
.container{
  display:flex;
  margin: auto;
  flex-direction: row;
  align-items: center;
  height: 60px;
  width: 100%;
  border-bottom: 1px solid #dcdfe6;
  box-sizing: border-box;
  max-width: 1600px;
}
.myLog{
  margin-right: 5px;
  margin-left: 10px;
  order: 1;
  width: 180px;
  height: 60px;
}
</style>